<template>
  <div class="container">
    <el-table
      :data="tabledata.tableAllData"
      style="width: 99%; margin: 0 auto"
      :header-cell-style="getRowClass"
      :row-style="{ fontSize: '12px', height: '10px' }"
      :cell-style="{ padding: '13px' }">
      <el-table-column type="index" align="center" width="100">
        <template slot="header">
          <div>序号</div>
        </template>
      </el-table-column>
      <el-table-column
        v-for="(item, index) in tabledata.formHead"
        :key="index"
        align="center"
        :prop="Object.keys(item)[0]">
        <template slot="header">
          <div>{{Object.values(item)[0]}}</div>
        </template>
      </el-table-column>
      <slot name="status"></slot>
      <slot name="operation"></slot>
    </el-table>
  </div>
</template>

<script>
export default {
  name: 'tableContent',
  data () {
    return {
    }
  },
  props: {
    tabledata: {
      type: Object,
      require: true
    }
  },
  computed: {
  },
  created () {
  },
  mounted () {
  },
  methods: {
    getRowClass ({ row, column, rowIndex, columnIndex }) {
      if (rowIndex === 0) {
        return 'color: rgb(63,66,84);font-weight: bold;font-size: 14px'
      } else {
        return ''
      }
    },
    checkedNum (row) {}
  }
}
</script>

<style  scoped>
.container {
  .btnText {
    color: $primary;
  }
}
</style>
